<!doctype html>
<html lang="en" ng-app="DetailApp" ng-controller="NetworkRequestCtro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title ng-bind="rootTitle"></title>
</head>
<script>
    var timestamp = (new Date()).valueOf();
</script>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../css/base.css" >
    <!--引入detail.css-->
    <link rel="stylesheet" href="../css/detail.css"  >
    <!-- 引入Jquery -->
    <script src="../js/jquery.min.js"></script>
    <!--引入detail.js-->

<script src="../js/detail.js?version=" + timestamp></script>
<script src="../libs/angular.min.js"></script>
<script src="../libs/network.js"></script>
<body ng-controller="DetailController">
    <div class="box">
        <!--S=标题-->
    <div class="title">
        <h2 ng-bind="title"></h2>
    </div>
    <!--S=标题-->

    <!--S=导航-->
    <nav>
        <span>2017.10.09 10.30</span>
        <a ng-click="delete()">删除</a>
        <a  href="javascript:history.back(-1)">返回</a>

    </nav>
    <!--E=导航-->
        <!--S=内容-->
        <div class="content">
            <!--{{content}}-->
        </div>
        <!--S=内容-->
        <!--S=评论-->
        <div class="comments">
            <ul>
                <li style="position: relative" ng-repeat="(key, comment) in comments">
                    <span><b>IP:{{comment.commentUserId}}</b></span>
                    <a ><span ng-click="replyInput(comment)">{{comment.commentContent}}</span>
                        <p ng-class="{true:'hidden', false:'show'}[comment.replys == '']">回复：{{comment.replys[0].commentContent}}</p>
                        <input class="input" ng-class="{true:'show', false:'hidden'}[comment.replys  == '' && comment.show == true]" type="text"   placeholder="请在这里回复" maxlength="50">
                        <span style="position:absolute" class="reply" ng-click="replyBtn($event,comment)" ng-class="{true:'show', false:'hidden'}[comment.replys == '']">回复</span>

                    </a>

                </li>





            </ul>
        </div>
        <!--E=评论-->

    </div>

    <!--引入angular核心模块-->
    <!--<script src="../libs/angular.min.js"></script>-->
    <!--<script src="../libs/network.js"></script>-->


    <script>

    </script>
   </body>

    </html>
